<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模型应用价值与落地路径 - 异烟酸生产收率预测系统</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="styles/common.css">
    <link rel="stylesheet" href="styles/components.css">
    <link rel="stylesheet" href="styles/main-nav.css">
    <link rel="stylesheet" href="styles/sidebar.css">
</head>
<body>
    <div class="app-container">
        <!-- 侧边栏容器 -->
        <div id="sidebar-container" data-fallback="true">
            <!-- 侧边栏将通过JavaScript动态加载 -->
            <!-- 如果加载失败，则使用下面的备用侧边栏 -->
            <div class="sidebar">
                <button class="sidebar-toggle">
                    <i class="fas fa-chevron-left"></i>
                </button>
                <div class="logo">
                    <img src="img/python-logo.png" alt="Python工业预测模型Logo">
                    <span class="logo-text">异烟酸生产收率预测</span>
                </div>
                <nav class="nav-menu">
                    <a href="index.html" class="nav-item" data-title="首页">
                        <i class="fas fa-home nav-icon"></i>
                        <span class="nav-text">首页</span>
                    </a>
                    <a href="qd-display.html" class="nav-item" data-title="主控面板">
                        <i class="fas fa-tachometer-alt nav-icon"></i>
                        <span class="nav-text">主控面板</span>
                    </a>
                    <a href="model-value.html" class="nav-item active" data-title="模型应用价值">
                        <i class="fas fa-chart-line nav-icon"></i>
                        <span class="nav-text">模型应用价值</span>
                    </a>
                    <a href="system-architecture.html" class="nav-item" data-title="系统架构设计">
                        <i class="fas fa-project-diagram nav-icon"></i>
                        <span class="nav-text">系统架构设计</span>
                    </a>
                    <a href="data-flow.html" class="nav-item" data-title="数据流设计">
                        <i class="fas fa-database nav-icon"></i>
                        <span class="nav-text">数据流设计</span>
                    </a>
                    <a href="model-deployment.html" class="nav-item" data-title="模型部署与应用">
                        <i class="fas fa-cogs nav-icon"></i>
                        <span class="nav-text">模型部署与应用</span>
                    </a>
                    <a href="ui-design.html" class="nav-item" data-title="用户界面设计">
                        <i class="fas fa-desktop nav-icon"></i>
                        <span class="nav-text">用户界面设计</span>
                    </a>
                    <a href="yield-prediction.html" class="nav-item" data-title="收率预测">
                        <i class="fas fa-flask nav-icon"></i>
                        <span class="nav-text">收率预测</span>
                    </a>
                    <a href="parameter-monitoring.html" class="nav-item" data-title="关键参数监控">
                        <i class="fas fa-eye nav-icon"></i>
                        <span class="nav-text">关键参数监控</span>
                    </a>
                    <a href="online-analysis.html" class="nav-item" data-title="在线分析">
                        <i class="fas fa-chart-bar nav-icon"></i>
                        <span class="nav-text">在线分析</span>
                    </a>
                    <a href="model-performance.html" class="nav-item" data-title="模型性能">
                        <i class="fas fa-chart-pie nav-icon"></i>
                        <span class="nav-text">模型性能</span>
                    </a>
                    <a href="model-details.html" class="nav-item" data-title="模型详情">
                        <i class="fas fa-info-circle nav-icon"></i>
                        <span class="nav-text">模型详情</span>
                    </a>
                    <a href="model-update.html" class="nav-item" data-title="模型更新">
                        <i class="fas fa-sync-alt nav-icon"></i>
                        <span class="nav-text">模型更新</span>
                    </a>
                    <a href="model-config.html" class="nav-item" data-title="系统配置">
                        <i class="fas fa-sliders-h nav-icon"></i>
                        <span class="nav-text">系统配置</span>
                    </a>
                    <a href="documentation.html" class="nav-item" data-title="技术文档">
                        <i class="fas fa-book nav-icon"></i>
                        <span class="nav-text">技术文档</span>
                    </a>
                </nav>
                <div class="sidebar-footer">
                    <div class="user-info">
                        <img class="user-avatar" src="https://cdn-icons-png.flaticon.com/512/1077/1077114.png" alt="User">
                        <span class="user-name">管理员</span>
                    </div>
                    <a href="#" class="logout-btn">
                        <i class="fas fa-sign-out-alt"></i>
                    </a>
                </div>
            </div>
        </div>

        <!-- 移动端菜单遮罩层 -->
        <div class="sidebar-overlay"></div>
        
        <!-- 移动端菜单按钮 -->
        <button class="mobile-toggle d-none">
            <i class="fas fa-bars"></i>
        </button>

        <!-- 主内容区 -->
        <div class="main-content">
            <!-- 顶部导航栏 -->
            <header class="top-bar">
                <div class="page-title">
                    <h1>模型应用价值与落地路径</h1>
                    <p>了解异烟酸生产收率预测模型的业务价值和实施路径</p>
                </div>
                <div class="top-bar-actions">
                    <div class="search-bar">
                        <i class="fas fa-search"></i>
                        <input type="text" placeholder="搜索...">
                    </div>
                    <div class="notification">
                        <i class="far fa-bell"></i>
                        <span class="badge">3</span>
                    </div>
                    <div class="setting">
                        <i class="fas fa-cog"></i>
                    </div>
                </div>
            </header>

            <!-- 内容区域 -->
            <div class="content-wrapper">
                <!-- 顶部导航链接 -->
                <div class="navigation-links">
                    <a href="model-value.html" class="nav-link active">1. 模型应用价值与落地路径</a>
                    <a href="system-architecture.html" class="nav-link">2. 系统架构设计</a>
                    <a href="data-flow.html" class="nav-link">3. 数据流设计</a>
                    <a href="model-deployment.html" class="nav-link">4. 模型部署与应用</a>
                    <a href="ui-design.html" class="nav-link">5. 用户界面设计</a>
                    <a href="yield-prediction.html" class="nav-link">收率预测</a>
                    <a href="parameter-monitoring.html" class="nav-link">关键参数监控</a>
                </div>

                <div class="secondary-nav">
                    <a href="parameter-optimization.html" class="nav-link">参数优化建议</a>
                    <a href="yield-forecast.html" class="nav-link">预警信息</a>
                </div>

                <!-- 页面内容 -->
                <div class="page-content">
                    <!-- 模型价值部分 -->
                    <div class="section-title">模型应用价值</div>
                    
                    <div class="info-grid">
                        <div class="info-card">
                            <div class="info-card-icon">
                                <i class="fas fa-chart-line"></i>
                            </div>
                            <div class="info-card-title">提高生产收率</div>
                            <div class="info-card-text">
                                通过精确预测和参数优化，模型可提高异烟酸生产收率3.5%~5.2%，直接增加产量和降低原料消耗。
                            </div>
                        </div>
                        
                        <div class="info-card">
                            <div class="info-card-icon">
                                <i class="fas fa-coins"></i>
                            </div>
                            <div class="info-card-title">降低生产成本</div>
                            <div class="info-card-text">
                                优化生产参数和减少不必要的能源消耗，预计每年可节约生产成本约420万元。
                            </div>
                        </div>
                        
                        <div class="info-card">
                            <div class="info-card-icon">
                                <i class="fas fa-magic"></i>
                            </div>
                            <div class="info-card-title">提高产品质量稳定性</div>
                            <div class="info-card-text">
                                通过稳定关键生产参数，将产品质量波动降低35%，减少不合格品率。
                            </div>
                        </div>
                        
                        <div class="info-card">
                            <div class="info-card-icon">
                                <i class="fas fa-industry"></i>
                            </div>
                            <div class="info-card-title">优化生产流程</div>
                            <div class="info-card-text">
                                自动识别最优生产参数组合，减少人为干预，提高生产效率约18%。
                            </div>
                        </div>
                    </div>
                    
                    <!-- 商业价值部分 -->
                    <div class="section-title">商业价值量化</div>
                    
                    <div class="value-cards">
                        <div class="value-card">
                            <div class="value-icon">
                                <i class="fas fa-percentage"></i>
                            </div>
                            <div class="value-content">
                                <div class="value-title">收率提升</div>
                                <div class="value-desc">通过模型预测和参数优化实现的平均收率提升幅度</div>
                            </div>
                            <div class="value-metric">+4.8%</div>
                        </div>
                        
                        <div class="value-card">
                            <div class="value-icon">
                                <i class="fas fa-coins"></i>
                            </div>
                            <div class="value-content">
                                <div class="value-title">年度成本节约</div>
                                <div class="value-desc">每年可节约的原料、能源和运营成本总和</div>
                            </div>
                            <div class="value-metric">¥420万</div>
                        </div>
                        
                        <div class="value-card">
                            <div class="value-icon">
                                <i class="fas fa-chart-pie"></i>
                            </div>
                            <div class="value-content">
                                <div class="value-title">不合格品率降低</div>
                                <div class="value-desc">通过稳定质量和关键参数控制实现的不良率降低</div>
                            </div>
                            <div class="value-metric">-42%</div>
                        </div>
                        
                        <div class="value-card">
                            <div class="value-icon">
                                <i class="fas fa-clock"></i>
                            </div>
                            <div class="value-content">
                                <div class="value-title">投资回报周期</div>
                                <div class="value-desc">模型实施到收回全部投资所需的时间</div>
                            </div>
                            <div class="value-metric">8个月</div>
                        </div>
                    </div>
                    
                    <!-- 落地路径部分 -->
                    <div class="section-title">实施落地路径</div>
                    
                    <div class="flow-diagram">
                        <div class="flow-title">异烟酸生产收率预测模型实施路径</div>
                        <div class="flow-steps">
                            <div class="flow-step">
                                <div class="flow-step-circle">1</div>
                                <div class="flow-step-title">需求分析</div>
                                <div class="flow-step-desc">确定业务需求和关键指标，识别数据源和系统边界</div>
                            </div>
                            
                            <div class="flow-step">
                                <div class="flow-step-circle">2</div>
                                <div class="flow-step-title">数据准备</div>
                                <div class="flow-step-desc">数据采集、清洗、标注和特征工程</div>
                            </div>
                            
                            <div class="flow-step">
                                <div class="flow-step-circle">3</div>
                                <div class="flow-step-title">模型开发</div>
                                <div class="flow-step-desc">算法选择、模型训练、验证和优化</div>
                            </div>
                            
                            <div class="flow-step">
                                <div class="flow-step-circle">4</div>
                                <div class="flow-step-title">系统集成</div>
                                <div class="flow-step-desc">前后端开发、数据接口、用户界面设计</div>
                            </div>
                            
                            <div class="flow-step">
                                <div class="flow-step-circle">5</div>
                                <div class="flow-step-title">部署上线</div>
                                <div class="flow-step-desc">测试验证、用户培训、正式部署和运维</div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 实施计划 -->
                    <div class="section-title">实施计划时间表</div>
                    
                    <table class="performance-table">
                        <thead>
                            <tr>
                                <th>阶段</th>
                                <th>主要工作内容</th>
                                <th>时间周期</th>
                                <th>责任部门</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>需求分析</td>
                                <td>业务需求调研、数据源识别、指标定义</td>
                                <td>2周</td>
                                <td>项目组、生产部</td>
                            </tr>
                            <tr>
                                <td>数据准备</td>
                                <td>数据采集、清洗、标注、特征工程</td>
                                <td>4周</td>
                                <td>数据团队、生产部</td>
                            </tr>
                            <tr>
                                <td>模型开发</td>
                                <td>算法研究、模型训练、验证和优化</td>
                                <td>6周</td>
                                <td>算法团队</td>
                            </tr>
                            <tr>
                                <td>系统集成</td>
                                <td>前后端开发、接口设计、UI实现</td>
                                <td>8周</td>
                                <td>开发团队</td>
                            </tr>
                            <tr>
                                <td>测试验证</td>
                                <td>功能测试、性能测试、用户测试</td>
                                <td>3周</td>
                                <td>测试团队、用户代表</td>
                            </tr>
                            <tr>
                                <td>部署上线</td>
                                <td>环境部署、用户培训、正式上线</td>
                                <td>2周</td>
                                <td>运维团队、培训团队</td>
                            </tr>
                            <tr>
                                <td>运行优化</td>
                                <td>系统监控、效果评估、持续优化</td>
                                <td>长期</td>
                                <td>运维团队、算法团队</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <script src="js/sidebar.js"></script>
    <script src="js/mobile-menu.js"></script>
</body>
</html> 